<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${config.sitename}"></title>
    <meta name="keywords" th:content="${config.keywords}">
    <meta name="description" th:content="${config.description}">
    <script type="text/javascript" charset="utf-8" src="/static/js/jquery-1.11.3.min.js"></script>
    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
    <meta content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" href="/static/css/pay-result.css">
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <script src="/static/js/bootstrap.min.js"></script>
</head>
<body>
<th:block th:if="${model.status ==2}">
    <div class="pay-status">
        <img class="success-logo" src="/static/images/pay-success.png" >
        <span class="success-tips">支付成功</span>
    </div>
</th:block>
<th:block th:if="${model.status !=2}">
    <div class="pay-status">
        <img class="success-logo" src="/static/images/pay_error.png">
        <span class="success-tips">支付失败</span>
    </div>
</th:block>
<div class="pay-info">
    <div class="pay-number">
        <span>商家PID:</span>
        <span th:text="${model.uid}"></span>
    </div>
    <div class="pay-number">
        <span>商家名称:</span>
        <span th:text="${config.panel}"></span>
    </div>
    <div class="pay-number">
        <span>支付订单:</span>
        <span th:text="${model.outOrderId}"></span>
    </div>
    <div class="pay-sum">
        <span>支付金额</span>
        <span th:text="${model.price}+'元'"></span>
    </div>
</div>
<div style="padding-top: 50px;text-align: center;">
    <button onclick="ret_effew()" class="btn btn-success">返回</button>
</div>
</body>
<script th:inline="javascript">

    var uid = '[(${model.uid})]';

    function ret_effew() {
        window.location = "/quickpass?id="+uid+"&times=" + new Date().getTime();
    }


    (function () {
        var designW = 750;  //设计稿宽
        var font_rate = 100;
        //适配
        document.getElementsByTagName("html")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
        document.getElementsByTagName("body")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
        //监测窗口大小变化
        window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function () {
            document.getElementsByTagName("html")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
            document.getElementsByTagName("body")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
        }, false);
    })();

</script>
</html>